import * as React from "react";

const PencilIcon = (): JSX.Element => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="57.375"
    height="57.28257"
    viewBox="0 0 57.375 57.28257"
    aria-hidden="true"
  >
    <title>Pencil Icon</title>
    <g>
      <polygon points="11.745 53.861 45.246 20.361 36.921 12.037 3.421 45.537 0 57.283 11.745 53.861" />
      <rect
        x="44.60049"
        y="4.52822"
        width="4.72034"
        height="11.77225"
        transform="translate(6.39041 36.25649) rotate(-45)"
      />
      <rect
        x="49.18382"
        y="-0.05512"
        width="4.72034"
        height="11.77225"
        transform="translate(10.97374 38.15497) rotate(-45)"
      />
    </g>
  </svg>
);

export default PencilIcon;
